/* CSS Document */
/*
Theme Name:北京-天宇数据恢复中心
Theme URI: http://www.tyhdata.com/
Description: 爱永设计工作室的作品。
Author: 爱永设计
Time: 2020-04-21
Author URI: http://www.aysheji.com/
Version: 1.0
License: 爱永设计许可认证
License URI: http://www.aysheji.com/
Tags: 网站建设,网站模板,网站营销
*/
ul,li,ol{list-style:none;}
img{ border:0; max-width:100%;}

.bg-worldwide {	background: url(/static/images/map.png) center center no-repeat fixed; background-color: rgba(197, 239, 255, 0.84);}
.bg-grey-light-new {background: #f3f7f6;}
.bg-header {/*background: url("/static/images/bg-shadow-top.png") left bottom repeat-x;*/}
.bg-shadow {background: url("/static/images/bg-shadow-bottom.png") center top no-repeat;}
 @media(min-width:992px) {
.flex-custom { -ms-flex-direction: column !important; flex-direction: column !important;}
}
 @media(max-width:991px) {
.flex-custom {-ms-flex-direction: row !important; flex-direction: row !important;}
}
.clear{ clear:both;}


.swiper-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide{-webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}



/*首页banner图*/
.fullwidthbanner-container{ position:relative; width:100%; height:auto;}
.ibanner{ overflow:hidden;}
.fullwidthbanner {
    overflow: hidden;
    width: 100%;
}
.fullwidthbanner ul{ padding-left:0; height:auto;}
.fullwidthbanner ul li{ display:block; overflow:hidden;}
.fullwidthbanner ul li a{ display:block; overflow:hidden;}
.fullwidthbanner ul li a img{ display:block; height:auto;}
.fullwidthbanner-container .ibannerjt{ position:absolute; width:100%; text-align:center; bottom:5%; z-index:5;}
.fullwidthbanner-container .ibannerjt span{ display:inline-block; width: 15px; border:#297cc2 1px solid;border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; cursor:pointer; height: 15px;margin-right: 11px;background: #fff;overflow: hidden;}
.fullwidthbanner-container .ibannerjt span.swiper-pagination-bullet-active{ background:#297cc2; border:#297cc2 1px solid;}
span.swiper-notification{ display:none;}


.iprobg{ background:#f2f2f2;margin-top: -16px;}
.m_service{ padding:0px; height:auto; overflow:hidden;}
.m_service ul{ margin:0; height:auto; overflow:hidden; padding-left:0;}
.m_service li{ height:auto; width:23.5%; text-align:center; float:left; background:#ffffff; padding:10px 10px 20px; margin:0px 2% 2% 0px;}
.m_service li:nth-child(4n){ margin-right:0;}
.m_service li a{color:#333333; display:block; font-family: 'Microsoft YaHei','黑体';}
.m_service li a .m_service_pic{ height:auto; padding-bottom:5px}
.m_service li a .m_service_pic img{  width:100%; height:200px}
.m_service li a .m_service_tex{height:auto; padding:0px 10px}
.m_service li a .m_service_tex .mstit{font-size:1rem; line-height:40px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.m_service li a .m_service_tex .msjianjie{font-size:1rem; line-height:24px; height:72px; overflow:hidden;}
.m_service li a .msljgd{ background:#2a7bc3; border:#2a7bc3 1px solid; color:#fff; height:38px; line-height:38px; width:145px; margin:0 auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.m_service li:hover{ background:#2a7bc3;}
.m_service li a:hover, .m_service li:hover a, .m_service li a:hover .m_service_tex .mstit, .m_service li:hover a .m_service_tex .mstit{color:#ffffff;}
.m_service li a:hover .msljgd, .m_service li:hover a .msljgd{ border:#fff 1px solid;}


.icaseall{ position:relative;}
.icaselist{ overflow:hidden;}
.icase{}
.icase .cat-img:nth-child(1){ border-right:#dee2e6 1px solid; border-bottom:#dee2e6 1px solid;}
.icase .cat-img:nth-child(2){ border-bottom:#dee2e6 1px solid;}
.icase .cat-img:nth-child(3){ border-right:#dee2e6 1px solid;}
.icase .cat-img img{ max-width:90%; margin:0 auto;}

.icaseall .iiyyjqpageing{ width:100%; text-align:center; position:absolute; bottom:-38px; right:0; z-index:55;}
.icaseall .iiyyjqpageing span{ display:inline-block; width: 10px; height: 10px; background:#333; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; cursor:pointer;margin:0 5px;overflow: hidden;}
.icaseall .iiyyjqpageing span.swiper-pagination-bullet-active{ background:#2a7bc3; }


.ifuwulc{ width:100%; border-bottom:#ccc 1px solid;}
.ifuwulc img{ width:100%; height:auto;}

.carousel-inner .carousel-item .box-blog{ margin-top:-120px;}

/*分页样式开始*/
#pageabc{
	text-align:center;
	margin:30px 0;
	clear:both;
	height:auto;
	overflow:hidden;
	color:#333;
	line-height:23px;
	text-align:center;
}
#pageabc a.noallowed {
    cursor: not-allowed;
}
#pageabc span,#pageabc a{
	font-size:12px;
	color:#595757;
	padding:4px 12px;
	border:1px solid #313131;
	text-decoration:none;
	margin:3px 5px;
	display:inline-block;
	text-align:center;
}
#pageabc a:hover,#pageabc a.current{
	color:#fff;
	background-color:#1878a8;
	border:1px solid #1878a8;
}
/*分页样式结束 */

.erjinav{ margin-top:1.5rem; border-bottom:#ccc 1px solid; height:40px; line-height:40px;}
.erjinav ul{display: flex; display: -webkit-flex; flex-direction:row; justify-content:center; margin-bottom:0; padding-left: 0;}
.erjinav li{ text-align:center;}
.erjinav li a{ padding:0rem 1.5rem; color:#333; border:#ccc 1px solid; height:39px; display:block; border-right:none; border-bottom:none;}
.erjinav li:last-child a{ border-right:#ccc 1px solid;}
.erjinav li:hover a, .erjinav li.hover a{ background:#06c; color:#fff;}

.probiaodan{}
.probiaodan .fm-form{}
.probiaodan .fm-form ul{ padding-left:0;}
.probiaodan .fm-form ul li{}
.probiaodan .fm-form ul li table{ width:100%;}
.probiaodan .fm-form ul li table td:nth-child(1){ display:none;}
.probiaodan .fm-form ul li table td input, .probiaodan .fm-form ul li table td textarea{ display:block;
 width:100%;
 height:calc(1.5em + .75rem + 2px);
 padding:.375rem .75rem;
 font-size:1rem;
 font-weight:400;
 line-height:1.5;
 color:#495057;
 background-color:#fff;
 background-clip:padding-box;
 border:1px solid #ced4da;
 border-radius:.25rem;
 transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.probiaodan .fm-form ul li table td textarea{ height:auto;}
.probiaodan .fm-form .tijiaobtn{ text-align:center;}
.probiaodan .fm-form .tijiaobtn input{color: #fff;padding: .5rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem; float:none;
background-color: #dc3545;
border-color: #dc3545;}





.lianxiwmbd{
padding: 0px 7px 7px 7px;
-webkit-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.32);
-moz-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.32);
box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.32);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background: url(/static/images/contacts-pattern.png) repeat center center #e1e2e2;}
.lianxiwmbd .fm-form{background: #fcfcfc url("/static/images/contacts-bg.jpg") left top repeat; padding: 25px;}
.lianxiwmbd .fm-form ul{ padding-left:0; height:auto; overflow:hidden;}
.lianxiwmbd .fm-form ul li{ width:49%; float:left; margin-right:2%;}
.lianxiwmbd .fm-form ul li:nth-child(2n){ margin-right:0;}
.lianxiwmbd .fm-form ul li#fm-item-text-5ec8a3ab6c536, .lianxiwmbd .fm-form ul li#fm-item-textarea-5ec8a3b704664{ clear:both; float:none; width:100%; margin-right:0;}


.lianxiwmbd .fm-form ul li table{ width:100%;}
.lianxiwmbd .fm-form ul li table td:nth-child(1){ display:none;}
.lianxiwmbd .fm-form ul li table td input, .lianxiwmbd .fm-form ul li table td textarea{display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #333;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.lianxiwmbd .fm-form ul li table td textarea{ height:auto; min-height:150px;}

.lianxiwmbd .fm-form .tijiaobtn{ text-align:center; color: #d0dae0;
height: auto; padding-top:90px;
z-index: 0;
background: url(/static/images/contacts-after.png) no-repeat top center;}
.lianxiwmbd .fm-form .tijiaobtn input{display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 color:#fff; float:none;
background-color: #dc3545;
border-color: #dc3545;}

/*二级页面 服务内容*/

.prosidebar{ width:18%; float:left;}
h2.prolefttite{border-bottom: 1px solid #ccc; padding:10px 0; font-size:18px;}
.sidebarnav{ padding-bottom:3rem;}
.sidebarnav ul{ padding-left:0;}
.sidebarnav ul li{ position:relative;border-bottom: 1px solid #ccc;}
.sidebarnav ul li a{margin: 10px 0 0;
width: 100%; display:block;
color: #3d3d3d;
padding:10px 0 10px 25px;
font-size: 14px; }
.sidebarnav ul li a:before {
    content: "";
    background: url(/static/images/arrw.png) no-repeat;
        background-size: auto;
    position: absolute;
    width: 20px;
    height: 20px;
    float: left;
    background-size: 15px;
    margin-top: 4px;
    margin-left: -20px;}
.sidebarnav ul li a:hover, .sidebarnav ul li.hover a{ color:#436AA6;}
.prolist{ width:80%; float:right;}
.proxiangqing{ width:78%; float:right;}




@media(max-width:1440px) {
	.m_service li a .m_service_pic img{ height:150px;}
}

@media(max-width:1200px) {
	.m_service li{ width:32%;}
	.m_service ul{ padding-left:0;}
	.m_service li:nth-child(3n){ margin-right:0;}
	.m_service li:nth-child(5n){ margin-right:2%;}
	.m_service li:last-child{ display:none;}
	.m_service li a .m_service_tex .mstit{ margin-bottom:0; line-height:30px;}
	.m_service li a .m_service_tex .msjianjie{ overflow:hidden;}
}
@media(max-width: 1000px){
	.erjinav li a{ font-size:.8rem; padding:0rem 0.5rem;}
	
	.prosidebar{ display:none;}
	.prolist{ width:100%; float:none;}
	.proxiangqing{ width:100%; float:none;}
}
@media(max-width:768px) {
	.m_service li{ width:49%;}
	.m_service li:nth-child(3n){ margin-right:2%;}
	.m_service li:nth-child(5n){ margin-right:2%;}
	.m_service li:nth-child(2n){ margin-right:0;}
	.m_service li:last-child{ display:block;}
	.icasesm{ text-align:center;}
	.icase .cat-img img{ max-width:100%;}
	
	.ixzwm .pt-5{ padding-top:0 !important;}
	.ixzwm .btn-outline-dark{ margin:0 auto; display:block; width:80%;}
	
	.ifuwulc{ margin-bottom:2rem;}
	
	.inews p.pb-5{ padding-bottom:1rem !important;}
	.inews .carousel-item .box-blog{ margin-left:1rem !important; margin-right:1rem !important;}
	.inews .offset-lg-1{ margin-top:1rem;}
	
	.m_service li a .m_service_pic img{ height:auto;}
	
	.lianxiwmbd .fm-form ul li{ width:100%; float:none; margin-right:0%;}
	
	
}

@media(max-width: 580px){
	.erjinav li a{ font-size:.6rem; padding:0rem 0.5rem;}
	.fullwidthbanner-container .ibannerjt{ bottom:10%;}
}
@media(max-width: 370px){
	.erjinav ul{ display:block; width:100%;}
	.erjinav li:first-child{ display:none;}
	.erjinav li{ width:50%; float:left; border-bottom: #ccc 1px solid;}
	.erjinav li:nth-child(3){ border-right: #ccc 1px solid;}
}